<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>搜索结果基金列表</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/public.css" />
	<link rel="stylesheet" href="../css/search.css" />
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script src="../js/public.js"></script>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav jjs-header">
		<h2 class="mui-title">基金</h2>
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left-result"></a>
		<a class="mui-icon mui-icon-bars mui-pull-right header-right"></a>
	</header>
	<div class="mui-content search-fund-list">
		<table class="mui-table">
			<thead>
				<tr>
					<th>编号</th>
					<th>代码</th>
					<th>基金简称</th>
					<th>基金管理人</th>
				</tr>
			</thead>
			<!--<tbody>
				<tr>
					<td>1</td>
					<td>123456</td>
					<td class="mui-ellipsis">华安中证全指证券上课了大幅减少了开发建设</td>
					<td>黄志良</td>
				</tr>
			</tbody>-->
		</table>
		<div class="mui-scroll-wrapper" id="scroll1">
			<div class="mui-scroll scroll1-list">
				<ul>
					<li>
						<a href="#">
							<span>1</span>
							<span>123456</span>
							<span class="mui-ellipsis">华安中证全指证券上课了大幅减少了开发建设</span>
							<span>黄志良</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<script src="../js/jquery.min.js"></script>
	<script src="../js/mui.min.js"></script>
	<script>
		mui.init({
			swipeBack : false,//侧滑返回组件
			pullRefresh : {
			
				container : '#scroll1', //一个功能的一部分
				down : {
					callback : pulldownRefresh,//callback事件回调冒号后面就是方法
					height : 50,
					auto : false,
					contentdown : "下拉可以刷新",
				},
				up : {
			      height:50,//可选.默认50.触发上拉加载拖动距离
			      auto:true,//可选,默认false.自动上拉加载一次
			      contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
			      contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
			      callback :function(){
			      	var self = this;
			      	loadMore(this);
			      } //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
			    }
			
			}
		});
		
		function pulldownRefresh() {
				setTimeout(function() { //三秒后执行函数
					var html = '';
					for(var i=0;i<5;i++){
						html+= '<li>'
							+'		<a href="#">'
							+'			<span>1</span>'
							+'			<span>123456</span>'
							+'			<span class="mui-ellipsis">华安中证全指证券上课了大幅减少了开发建设</span>'
							+'			<span>黄志良</span>'
							+'		</a>'
							+'	</li>'		
						
					}
					$(".scroll1-list ul").html(html)
					
					mui('#scroll1').pullRefresh().endPulldownToRefresh(); //用来停止刷新
				}, 1000);
		}
		var loadMore = function(pullRefresh) {
			pullRefresh.endPullupToRefresh(false);
		 	var str=""
			for(var i=0;i<2;i++){
				str+= '<li>'
					+'		<a href="#">'
					+'			<span>'+i+'</span>'
					+'			<span>123456</span>'
					+'			<span class="mui-ellipsis">华安中证全指证券上课了大幅减少了开发建设</span>'
					+'			<span>黄志良</span>'
					+'		</a>'
					+'	</li>'		
				
			}
			$(".scroll1-list ul").append(str)

//		    

		};
	</script>
</body>
</html>